extends layout

block content
	title= "Formalistics"
	script(src="/javascripts/index.js")
	script(src="/javascripts/jquery.mousewheel.js")
	script(src="/javascripts/jquery.jscrollpane.min.js")
	script(src="/javascripts/announcement.js") // announcement functions
	script(src="/javascripts/jquery_notification_v.1.js") // Notifications functions
	
		
	form(method="POST", name="frmForm")
		
		div(style="display:none")
			input(type="text", name="formName", id="formName", value="")
			input(type="text", name="requestID", id="requestID", value="")
			input(type="text", name="content", id="content", value="")
			input(type="submit", id="cmdSubmit", value="Submit")
		
		// Side bar contain ticker and show online
		div(style="position:fixed;width:250px;height:800px;z-index:0;top:30px;right:0px", class="righNav", id="rNav")
			table(cellpadding=2, width="100%", style="margin-top:20px;background-color:#fff")
				tr
					td(valign="top")
						div(id="divQuickNav",style="height:250px;width:100%;overflow:auto;background-color:#f2f4f8;")				
				tr
					td
						div(id="divOnline", style="width:240px;height:200px;overflow:auto;background-color:#f2f4f8;")
			
		div(id="droppable",title="",style="width:950px;height:100%;")
			table(width="100%")
				tr
					td(valign="top",width="200px", style="border-right: 1px Solid #ccc")
						table(width="100%")
							tr
								td(align="center")
									img(src="/images/1.jpg", class="", style="vertical-align: middle;") 
									h4( style="display: inline;") &nbsp;&nbsp;&nbsp;&nbsp;Stephen Curry
							tr
								td(style="")
									div(style="margin-top:10px;")
										img(src="/images/database form.png", class="", style="vertical-align: middle;") 
										h4( style="display: inline")&nbsp; FORMS
										hr
										div(style="width:100%;height:auto;white-space:nowrap;", id="divTables")
							tr
								td(style="")
									div(style="margin-top:10px;")
										img(src="/images/report.png", class="", style="vertical-align: middle;") 
										h4( style="display: inline")&nbsp; REPORTS
										hr
										div(style="width:100%;height:auto", id="divReports")
										
											
					td(valign="top")
						<!-- page for announcement -->
						div(id="divView", style="margin:10px;width:100%;height:1000px")
							h4 Home /
							h2 Announcements
							hr
							<!-- Announcement for users and company discussions -->
							img(src="/images/avatar/avatar.png", width="60", height="55")
							textarea(class="input-comment announcement", placeholder="How are you?")
							br
							input(type="button", class="classname btnAnnouncement", value="Announcement", style="margin-left:65px;")
							br
							div(class="hr")
							div(class="postHere", style="float: left;")
						
				
		
		